<template>
    <div class="order-product-type">
        <template v-if="action == 'edit' || action == 'search' ">
            <el-input v-on="$listeners" :value="value" :placeholder="fieldName"></el-input>
        </template>
        <template v-if="action == 'table'">
            <div class="product-type bgcolorFF5722 bordercolorFF5722" v-if="data.product && data.product.type==1">基础准时达</div>
            <div class="product-type bgcolor1989FA bordercolor1989FA" v-if="data.product && data.product.type==4">基础次日达</div>
            <div class="product-type bgcolor5FB878 bordercolor5FB878" v-if="data.product && data.product.type==2">基础限时达</div>
        </template>
    </div>
</template>
<script>
    import base from '../base.js';

    export default {
        extends: base,
        props: {},
        data() {
            return {
                searchModel: 'like',
            }
        },
    }
</script>
<style lang="less">
    .order-product-type{
        .product-type{
            width: 80px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            border-radius: 7px;
            margin: 0 auto;
        }
        .bgcolorFF5722{
            background-color: rgba(255,87,34,0.15);
        }
        .bordercolorFF5722{
            background-color: rgba(255,87,34,1);
        }
        .bgcolor1989FA{
            background-color: rgba(25,137,250,0.16);
        }
        .bordercolor1989FA{
            background-color: rgba(25,137,250,1);
        }
        .bgcolor5FB878{
            background-color: rgba(95,184,120,0.15);
        }
        .bordercolor5FB878{
            background-color: rgba(95,184,120,1);
        }
    }
</style>
